<extend name="Public:layout"/>
<block name="content">
<div class="row-fluid sortable ui-sortable">
                <div class="box span12">
                    <div data-original-title="" class="box-header">
                        <h2><i class="halflings-icon white edit"></i><span class="break"></span>导航添加</h2>
                        <div class="box-icon">
                            <a class="btn-setting" href="#"><i class="halflings-icon white wrench"></i></a>
                            <a class="btn-minimize" href="#"><i class="halflings-icon white chevron-up"></i></a>

                        </div>
                    </div>
                    <div class="box-content">
                        <form class="form-horizontal" action="" method="post">
                            <fieldset>

                              <div class="control-group">
                                    <label for="appendedInput" class="control-label">导航名称</label>
                                    <div class="controls">
                                      <div class="input-append">
                                        <input type="text" size="16" id="appendedInput" name="name">
                                      </div>

                                    </div>
                              </div>

                              <div class="control-group">
                                    <label for="appendedInput" class="control-label">导航路径</label>
                                    <div class="controls">
                                      <div class="input-append">
                                        <input type="text" size="16" id="appendedInput" name = "url">
                                      </div>

                                    </div>
                              </div>
                              <div class="control-group">
                                    <label for="appendedInput" class="control-label">导航图标</label>
                                    <div class="controls">
                                      <div class="input-append">
                                        <input type="text" size="16" id="Input" name="icon">
                                      </div>

                                    </div>
                              </div>

                            <div class="control-group">
                                <label for="selectError" class="control-label">导航级别</label>
                                <div class="controls">
                                  <select data-rel="chosen" id="selectError" style="" class="chzn-done" name="pid">
                                    <option value="0">顶级导航</option>
                                    <foreach name="parent_nav" item="v">
                                     <option value="{$v.id}">{$v.name}</option>
                                    </foreach>
                                  </select>
                                </div>
                              </div>




                              <div class="control-group">
                                <label class="control-label">是否显示</label>
                                <div class="controls">
                                      <label class="radio">
                                        <input type="radio"  value="1" id="optionsRadios1" name="is_show">是
                                      </label>

                                      <label class="radio">
                                        <input type="radio" value="2" id="optionsRadios2" name="is_show">否
                                      </label>
                                </div>
                              </div>
                              <div class="control-group">
                                <label class="control-label">前后台</label>
                                <div class="controls">
                                      <label class="radio">
                                        <input type="radio"  value="1" id="optionsRadios1" name="is_home">前台
                                      </label>

                                      <label class="radio">
                                        <input type="radio" value="2" id="optionsRadios2" name="is_home">后台
                                      </label>
                                </div>
                              </div>
                              <div class="control-group">
                                <label class="control-label">导航位置</label>
                                <div class="controls">
                                      <label class="radio">
                                        <input type="radio"  value="1" id="optionsRadios1" name="point">顶部
                                      </label>

                                      <label class="radio">
                                        <input type="radio" value="2" id="optionsRadios2" name="point">中部
                                      </label>
                                      <label class="radio">
                                        <input type="radio" value="3" id="optionsRadios2" name="point">底部
                                      </label>
                                      <label class="radio">
                                        <input type="radio" value="4" id="optionsRadios2" name="point">无
                                      </label>
                                </div>
                              </div>
                              <div class="form-actions">
                                <button class="btn btn-primary" type="submit">提交</button>

                              </div>
                            </fieldset>
                        </form>
                    </div>
                </div><!--/span-->

            </div>

            <div class="box span12">
                    <div class="box-header" style="height:30px; line-height:30px;">
                        <h2 style=" line-height:30px;"><i class="halflings-icon white picture"></i><span class="break"></span>请选择导航图标</h2>
                          <button style="margin-left:80px;" class="btn nn1">取消选择</button>
                        <div class="box-icon">
                            <a class="btn-setting" href="#"><i class="halflings-icon white wrench"></i></a>
                            <a class="btn-minimize" href="#"><i class="halflings-icon white chevron-up"></i></a>
                            <a class="btn-close" href="#"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <section id="icons1">

                          <div class="row-fluid bs-icons">
                            <div class="span3">
                              <ul class="the-icons">
                                <li><i class="icon-envelope"></i> icon-envelope</li>
                                <li><i class="icon-tasks"></i>icon-tasks</li>
                                <li><i class="icon-bar-chart"></i>icon-bar-chart</li>
                                <li><i class="icon-eye-open"></i>icon-eye-open</li>


                              </ul>
                            </div>
                            <div class="span3">
                              <ul class="the-icons">
                                <li><i class="icon-dashboard"></i>icon-dashboard</li>
                                <li><i class="icon-folder-close-alt"></i>icon-folder-close-alt</li>
                                <li><i class="icon-edit"></i>icon-edit</li>
                                <li><i class="icon-list-alt"></i>icon-list-alt</li>
                              </ul>


                            </div>
                            <div class="span3">
                              <ul class="the-icons">
                                <li><i class="icon-font"></i>icon-font</li>
                                <li><i class="icon-picture"></i>icon-picture</li>
                                <li><i class="icon-align-justify"></i>icon-align-justify</li>
                                <li><i class="icon-calendar"></i>icon-calendar</li>


                              </ul>
                            </div>
                            <div class="span3">
                              <ul class="the-icons">
                                <li><i class="icon-folder-open"></i>icon-folder-open</li>
                                <li><i class="icon-star"></i>icon-star</li>
                                <li><i class="icon-lock"></i>icon-lock</li>

                              </ul>
                            </div>

                        </div>

                    </section></div>
                </div>
</block>

<block name="js">

    <script type="text/javascript">
          $(function(){


                $('.the-icons').find('li').click(function(){

                    var cal =$(this).text();

                    $('[name=icon]').val(cal);
                })

                $('.nn1').click(function(){
                    $('[name=icon]').val(' ');
                 });
            })
    </script>

</block>